<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Pants</title>

        <link rel="stylesheet" type="text/css" href="style.css" />
        <script type="text/javascript" src="jquery-1.4.4.js"></script>
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript" src="jscript.js"></script>
        <script type="text/javascript">
         
           
        </script>
    </head>

    <body onload = "insRow()">
        
        <div id="fb-root"></div>
        <div id="content">
            <div id="top">
                <div id="dPantsLogo">
                    <img src="img/pants.png" id="pantsLogo" alt="Logo" />

                </div>
                <div id="topBtn">
                    <input type="button" id="homeBtn" class="gameButton" value="Home"/>
                    <input type="button" id="createGameBtn" class="gameButton" value="Create Game" />
                    <input type="button" id="joinGameBtn" class="gameButton" value="Join Game" />
                    <input type="button" id="inviteFriendsBtn" class="gameButton" value="Invite Friends" />

                </div>
            </div>
            <div class="buffer"></div>
            <div id="separator">
                <hr />
            </div>
			
            <div class="gameBase">
			
                <table id="games3">
                    <tr>
                        <th>Place</th>
                        <th>Animal</th>
                        <th>Name</th>
                        <th>Thing</th>
                        <th>Score</th>
                   </tr>
				   
                    <tr>
                        <td id = "td1">No Answer</td>
                        <td id = "td2">No Answer</td>
                        <td id = "td3">No Answer</td>
                        <td id = "td4">No Answer</td>
                        <td id = "td5">No Score</td>
                   </tr>
                </table>
				
            </div>
			<br />
			<br />
            <div class="dwBank">
                <table id="games">
				<tr>
					<th colspan = "4"><b>Word Bank:</b></th>
				</tr>
                </table>
                <br />
                <input type="button" id ="btn1" class="gameButton" value="New Word Bank"/>
            </div>
			
            <div class="dfriends">
				
                <table id="games3" class = "players">
                    <tr>
						<th> Players:</th>
						<th><b>Score:</b></th>
                    </tr>
					
                    <tr>
						<td> Anthony</td>
						<td> 20000</td>
					</tr>
					
                    <tr>
						<td> Eugene</td>
						<td> 20000</td>
					</tr>
					
                    <tr>
						<td> Mark</td>
						<td> 20000</td>
					</tr>
					
                    <tr>
						<td> Carl</td>
						<td> 20000</td>
					</tr>
					
                    <tr>
						<td> Griffin</td>
						<td> 20000</td>
					</tr>
					
					
					
					
                </table>
            </div>
			
            <div id="buffer">
            </div>
			
        </div>
    </body>
</html>
